<template>
    <div class="app-container">
        角色列表
    </div>
</template>
<script>
//引入定义接口的js文件
import api from '@/api/role/role'
export default {
    //定义初始值
    data(){
        return{
            list:[],//角色列表
            total:0,//总记录数
            page:1,//当前页
            limit:3,//每页显示记录数
            searchObj:{}//条件查询封装对象
        }
    },
    //页面渲染前执行
    created(){
        this.fetchData()
    },
    //具体方法
    methods:{
        //列表方法
        fetchData(pageNum=1){//不传值,默认为1
            //页数赋值
            this.page=pageNum
            //ajax
            api.getPageList(this.page,this.limit,this.searchObj)
            .then(response =>{
                console.log(response)
            })
            .catch()
        }

    }
}
</script>